<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>支付宝登录页面</title>
    <link rel="stylesheet" href="./css/style.css">
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="fontawesome/css/all.min.css">
   
</head>
<body>
    <div class="container">
        <div class="container__head">
            <div class="innercontainer">
                <ul class="container_head_left">
                    <li class="leftbox"><a href="https://render.alipay.com/p/yuyan/180020040001212700/" class="left">支付宝APP</a></li>
                </ul>
                <div class="container_head_right">
                    <li><a href="https://www.alipay.com/"><span class="first">支付宝首页</span></a></li>
                    <li class="container-separator"></li>
                    <li><a class="right" href="https://cshall.alipay.com/hall/index.htm"><span>服务大厅</span></a></li>
                    <li class="container-separator"></li>
                    <li><a class="right" href="https://egg.alipay.com/egg/index.htm"><span>提建议</span></a></li>
                </div>
                
            </div> 
        </div>
        <div class="container_body">
            <h1 class="container_body_logo">
                <a href="https://www.alipay.com/" class="logo">
                    <img class="img_logo" src="https://mdn.alipayobjects.com/huamei_gk2yv1/afts/img/A*AiY9Ta3St6IAAAAAAAAAAAAADneBAQ/original" alt="">
                </a>
            </h1>
            <div class="container_body_login">
                <ul class="container_body_login_top">
                    <li class="login">账密登录</li>
                    <br class="clear-float">
                </ul>
                <div class="login-modern">
                    <form>
                        <span>
                            <label for="user"><i class="fas fa-user"></i></label>
                            <input type="text" placeholder="邮箱地址/手机号/用户名" id="user">
                        </span>
                         
                        <br>
                        <span>
                            <label for="password"><i class="fas fa-lock"></i></label>
                            <input type="password" placeholder="密码" id="password">
                        </span>
                        <br>
                        <button>登录</button>
                    </form>
                </div>
            </div>
        </div>                   
        
        

        
            
            <script>

                let button_element=document.getElementsByTagName("button")[0];
                
                button_element.addEventListener('click',function() {
                    const user_element=document.getElementById("user");
                    const password_element=document.getElementById("password");
                    if (user_element.value=="admin" && password_element.value=="123") {
                        window.location.href="https://www.baidu.com";
                    }else{
                        password.value="";
                    }
                })

            </script>
        </div>
    </div>
    
</body>
</html>